<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>伪数组转换为真数组</title>
</head>

<body>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <script>
    /*
        常见伪数组
            -函数里的arguments对象
            -querySelectAll等获得
            -元素.chideen
            注意：querySelectorAll里面可以使用forEach方法

        转换为真数组
            -静态方法Array.from()
            -返回：新数组（真数组）
            -不修改原来的伪数组
    */

    // 转换为真数组
    // 1.得到伪数组
    const divs = document.querySelectorAll('div')
    console.log(divs)


    // 2.转换为真数组 Array.from() 返回真数组  不会影响原来的伪数组
    const newArr = Array.from(divs)
    newArr.push(123)
    console.log(newArr)  

</script>
</body>

</html>